<%@page import="com.wanmait.hotelManagement.vo.Passenger"%>
<%@page import="java.util.ArrayList"%>
<%@page import="com.wanmait.hotelManagement.vo.Activity"%>
<%@page import="com.wanmait.hotelManagement.vo.HotelHistory"%>
<%@page import="com.wanmait.hotelManagement.vo.RoomType"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%String path=request.getContextPath(); %>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Beach Hotel</title>
<!-- Stylesheets -->
<link href="<%=path%>/hotel/css/bootstrap.css" rel="stylesheet">
<link href="<%=path%>/hotel/css/style.css" rel="stylesheet">
<!-- Responsive File -->
<link href="<%=path%>/hotel/css/responsive.css" rel="stylesheet">

<link rel="shortcut icon" href="<%=path%>/hotel/images/favicon.png" type="image/x-icon">
<link rel="icon" href="<%=path%>/hotel/images/favicon.png" type="image/x-icon">

<!-- Responsive Settings -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script src="<%=path%>/hotel/js/respond.js"></script><![endif]-->
<style type="text/css">
	.white{
		width:100%;
		height:200px;
	}
</style>
</head>

<body>

<div class="page-wrapper">
    <!-- Preloader -->
    <div class="preloader"><div class="icon"></div></div>

    <!-- Main Header -->
     <jsp:include page="/hotel/include/head.jsp"></jsp:include>
        <!--End Header Upper-->

        <!-- Mobile Menu  -->
        <div class="mobile-menu">
            <div class="close-btn"><span class="icon flaticon-targeting-cross"></span></div>
            <div class="menu-backdrop"></div>
            <div class="nav-logo"><a href="index.html"><img src="<%=path%>/hotel/images/nav-logo.png" alt="" title=""></a></div>
            <nav class="menu-box">
                <div class="menu-outer"><!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--></div>
            </nav>
            <div class="nav-bottom">
                <div class="copyright">Hotera  &copy;  2020 All Right Reserved</div>
                <!--Social Links-->
                <div class="social-links">
                    <ul class="clearfix">
                        <li><a href="#"><span class="fab fa-facebook-f"></span></a></li>
                        <li><a href="#"><span class="fab fa-twitter"></span></a></li>
                        <li><a href="#"><span class="fab fa-vimeo-v"></span></a></li>
                    </ul>
                </div>
            </div>
        </div><!-- End Mobile Menu -->

    </header>
    <!-- End Main Header -->


    <!-- Banner Section -->
    <section class="banner-section banner-one">
        <div class="banner-bottom-pattern"></div>

		<div class="banner-carousel owl-theme owl-carousel">
            <!-- Slide Item -->
			<div class="slide-item">
                <div class="image-layer" style="background-image: url(<%=path%>/hotel/images/main-slider/1.jpg);"></div>
				<div class="auto-container">
					<div class="content-box">
                        <div class="content">
                            <div class="inner">
        						<h1>全世界 <br>最酷的七星级海滩酒店</h1>
                                <div class="text">The coolest seven star hotel in the world</div>
                            </div>
                        </div>
					</div>  
				</div>
			</div>

			<!-- Slide Item -->
            <div class="slide-item">
                <div class="image-layer" style="background-image: url(<%=path%>/hotel/images/main-slider/2.jpg);"></div>
                <div class="auto-container">
                    <div class="content-box">
                        <div class="content">
                            <div class="inner">
                                <h1>全世界 <br>最酷的七星级海滩酒店</h1>
                                <div class="text">The coolest seven star hotel in the world</div>
                            </div>
                        </div>
                    </div>  
                </div>
            </div>

			<!-- Slide Item -->
            <div class="slide-item">
                <div class="image-layer" style="background-image: url(<%=path%>/hotel/images/main-slider/3.jpg);"></div>
                <div class="auto-container">
                    <div class="content-box">
                        <div class="content">
                            <div class="inner">
                                <h1>全世界 <br>最酷的七星级海滩酒店</h1>
                                <div class="text">The coolest seven star hotel in the world</div>
                            </div>
                        </div>
                    </div>  
                </div>
            </div>

		</div>
    </section>
    <!--End Banner Section -->

	<!--About Section-->
    <section class="about-section">
        <div class="pattern-bottom"></div>
        <span class="dotted-pattern dotted-pattern-1"></span>
        <span class="tri-pattern tri-pattern-1"></span>
        <div class="auto-container">
            <!--Filters Section-->
            <div class="white">
            	
            </div>
        	<div class="row clearfix">
                <!--Text Column-->
                <div class="text-column col-lg-6 col-md-12 col-sm-12">
                <%List<HotelHistory> history = (List<HotelHistory>)request.getAttribute("history"); %>
                    <div class="inner">
                        <div class="sec-title">
                            <h2><%=history.get(0).getTitle() %></h2>
                        </div>
                        <div class="text"><%=history.get(0).getContent() %></div>
                        <div class="link-box">
                            <a href="HistoryServlet" class="theme-btn btn-style-one"><span class="btn-title">更多</span></a>
                        </div>
                    </div>
                </div>
                <!--Image Column-->
                <div class="image-column col-lg-6 col-md-12 col-sm-12">
                    <div class="inner wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
                        <div class="image-box">
                            <span class="dotted-pattern dotted-pattern-2"></span>
                            <figure class="image"><img src="<%=path%>/hotel/images/<%=history.get(0).getPicture().getImages()%>" alt="" title=""></figure>
                            <!-- <div class="cap"><span class="txt">25 <br>Years <br>of <br>Exp.</span></div> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!--Facts Section-->
    <%-- <section class="facts-section">
        <span class="dotted-pattern dotted-pattern-3"></span>
        <div class="left-bottom-image"><img src="<%=path%>/hotel/images/resource/chair-umbrella.png" alt="" title=""></div>
        <div class="auto-container">
            <div class="row clearfix">
                <!--Title Column-->
                <div class="title-column col-xl-7 col-lg-6 col-md-12 col-sm-12">
                    <div class="inner">
                        <div class="sec-title">
                            <h2>Always Ready <br>to Take Challange</h2>
                            <div class="lower-text">Lorem ipsum dolor sit consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore dolore magna aliqua. enim ad minim veniam quis nostrud exercitation.</div>
                        </div>
                        
                    </div>
                </div>
                <!--Facts Column-->
                <div class="facts-column col-xl-5 col-lg-6 col-md-12 col-sm-12">
                    <div class="inner">
                        <div class="facts">
                            <div class="fact-block">
                                <div class="fact-inner">
                                    <div class="fact-count wow zoomInStable" data-wow-delay="0ms" data-wow-duration="2000ms"><div class="count-box"><span class="count-text" data-stop="25" data-speed="2000">0</span>+</div></div>
                                    <h4>Years Exp.</h4>
                                    <div class="text">Excepteur sint occaecat cupidatat proi dent in sunt.</div>
                                </div>
                            </div>
                            <div class="fact-block">
                                <div class="fact-inner">
                                    <div class="fact-count wow zoomInStable" data-wow-delay="0ms" data-wow-duration="2000ms"><div class="count-box"><span class="count-text" data-stop="712" data-speed="5000">0</span></div></div>
                                    <h4>Project Done</h4>
                                    <div class="text">Excepteur sint occaecat cupidatat proi dent in sunt.</div>
                                </div>
                            </div>
                            <div class="fact-block">
                                <div class="fact-inner">
                                    <div class="fact-count wow zoomInStable" data-wow-delay="0ms" data-wow-duration="2000ms"><div class="count-box"><span class="count-text" data-stop="310" data-speed="4000">0</span></div></div>
                                    <h4>Awards Win</h4>
                                    <div class="text">Excepteur sint occaecat cupidatat proi dent in sunt.</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section> --%>

    <div class="dashed-separator"><div class="auto-container"><span></span></div></div>

    <!--Rooms Section-->
    <section class="rooms-section-one">
        <div class="outer-container">
            <div class="auto-container">
                <div class="sec-title centered">
                    <h2>客房与套房</h2>
                    <div class="lower-text">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</div>
                </div>
            </div>
			<%List<RoomType> fiveRooms = (List<RoomType>)request.getAttribute("fiveRooms"); %>
            <div class="row clearfix">
                <div class="column col-xl-4 col-lg-6 col-md-6 col-sm-12">
                	<%for(int i=0; i<=1; i++)
                	{%>
                		<div class="room-block-one height-one wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
                        <div class="inner-box">
                            <div class="image-box">
                                <div class="image-layer" style="background-image: url(<%=path%>/hotel/images/room/<%=fiveRooms.get(i).getPictures().get(0).getImages()%>);"></div>
                                <figure class="image"><img src="<%=path%>/hotel/images/room/<%=fiveRooms.get(i).getPictures().get(0).getImages()%>" alt="" title=""></figure>
                            </div>
                            <div class="cap-box">
                                <div class="cap-inner">
                                    <div class="price">￥<span><%=fiveRooms.get(i).getRoomPrice() %></span></div>
                                    <h5><%=fiveRooms.get(i).getRoomName() %></h5>
                                </div>
                            </div>
                            <div class="hover-box">
                                <div class="hover-inner">
                                    <h4><%=fiveRooms.get(i).getRoomName() %></h4>
                                    <div class="pricing clearfix">
                                        <div class="price">￥<span><%=fiveRooms.get(i).getRoomPrice() %></span></div>
                                        <!-- <div class="rating">
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                        </div> -->
                                    </div>

                                    <div class="text"><%=fiveRooms.get(i).getRemarks() %></div>
                                    <div class="link-box"><a href="<%=path %>/RoomServlet?action=singleRoom&typeId=<%=fiveRooms.get(i).getId()%>" class="theme-btn btn-style-one"><span class="btn-title">预定房间</span></a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                	<%}
                	%>
                    <%-- <div class="room-block-one height-one wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
                        <div class="inner-box">
                            <div class="image-box">
                                <div class="image-layer" style="background-image: url(<%=path%>/hotel/images/gallery/1.jpg);"></div>
                                <figure class="image"><img src="<%=path%>/hotel/images/gallery/1.jpg" alt="" title=""></figure>
                            </div>
                            <div class="cap-box">
                                <div class="cap-inner">
                                    <div class="price">From <span>$50.00</span></div>
                                    <h5>Balcony Room</h5>
                                </div>
                            </div>
                            <div class="hover-box">
                                <div class="hover-inner">
                                    <h4>Balcony Room</h4>
                                    <div class="pricing clearfix">
                                        <div class="price">From <span>$50.00</span></div>
                                        <!-- <div class="rating">
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                        </div> -->
                                    </div>

                                    <div class="text">Excepteur sint occaecat cupidatat pro dent in sun in culpa qui officia deserunt mollit anim.</div>
                                    <div class="link-box"><a href="room-single.html" class="theme-btn btn-style-one"><span class="btn-title">Check Availability</span></a></div>
                                </div>
                            </div>
                        </div>
                    </div> --%>
                    <%-- <div class="room-block-one height-one wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
                        <div class="inner-box">
                            <div class="image-box">
                                <div class="image-layer" style="background-image: url(<%=path%>/hotel/images/gallery/2.jpg);"></div>
                                <figure class="image"><img src="<%=path%>/hotel/images/gallery/2.jpg" alt="" title=""></figure>
                            </div>
                            <div class="cap-box">
                                <div class="cap-inner">
                                    <div class="price">From <span>$50.00</span></div>
                                    <h5>Sea View Room</h5>
                                </div>
                            </div>
                            <div class="hover-box">
                                <div class="hover-inner">
                                    <h4>Sea View Room</h4>
                                    <div class="pricing clearfix">
                                        <div class="price">From <span>$50.00</span></div>
                                        <div class="rating">
                                            <!-- <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span> -->
                                        </div>
                                    </div>

                                    <div class="text">Excepteur sint occaecat cupidatat pro dent in sun in culpa qui officia deserunt mollit anim.</div>
                                    <div class="link-box"><a href="room-single.html" class="theme-btn btn-style-one"><span class="btn-title">Check Availability</span></a></div>
                                </div>
                            </div>
                        </div>
                    </div> --%>
                </div>
                <div class="column col-xl-4 col-lg-6 col-md-6 col-sm-12">
                
                    <div class="room-block-one height-two wow fadeInUp" data-wow-delay="300ms" data-wow-duration="1500ms">
                        <div class="inner-box">
                            <div class="image-box">
                                <div class="image-layer" style="background-image: url(<%=path%>/hotel/images/room/<%=fiveRooms.get(2).getPictures().get(0).getImages()%>);"></div>
                                <figure class="image"><img src="<%=path%>/hotel/images/room/<%=fiveRooms.get(2).getPictures().get(0).getImages()%>" alt="" title=""></figure>
                            </div>
                            <div class="cap-box">
                                <div class="cap-inner">
                                    <div class="price">￥<span><%=fiveRooms.get(2).getRoomPrice() %></span></div>
                                    <h5><%=fiveRooms.get(2).getRoomName() %></h5>
                                </div>
                            </div>
                            <div class="hover-box">
                                <div class="hover-inner">
                                    <h4><%=fiveRooms.get(2).getRoomName() %></h4>
                                    <div class="pricing clearfix">
                                        <div class="price">￥<span><%=fiveRooms.get(2).getRoomPrice() %></span></div>
                                        <!-- <div class="rating">
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                        </div> -->
                                    </div>

                                    <div class="text"><%=fiveRooms.get(2).getRemarks() %></div>
                                    <div class="link-box"><a href="<%=path %>/RoomServlet?action=singleRoom&typeId=<%=fiveRooms.get(2).getId()%>" class="theme-btn btn-style-one"><span class="btn-title">预定房间</span></a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <%-- <div class="room-block-one height-two wow fadeInUp" data-wow-delay="300ms" data-wow-duration="1500ms">
                        <div class="inner-box">
                            <div class="image-box">
                                <div class="image-layer" style="background-image: url(<%=path%>/hotel/images/gallery/3.jpg);"></div>
                                <figure class="image"><img src="<%=path%>/hotel/images/gallery/3.jpg" alt="" title=""></figure>
                            </div>
                            <div class="cap-box">
                                <div class="cap-inner">
                                    <div class="price">From <span>$50.00</span></div>
                                    <h5>Superior Room</h5>
                                </div>
                            </div>
                            <div class="hover-box">
                                <div class="hover-inner">
                                    <h4>Superior Room</h4>
                                    <div class="pricing clearfix">
                                        <div class="price">From <span>$50.00</span></div>
                                        <div class="rating">
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                        </div>
                                    </div>

                                    <div class="text">Excepteur sint occaecat cupidatat pro dent in sun in culpa qui officia deserunt mollit anim.</div>
                                    <div class="link-box"><a href="room-single.html" class="theme-btn btn-style-one"><span class="btn-title">Check Availability</span></a></div>
                                </div>
                            </div>
                        </div>
                    </div> --%>
                </div>
                <div class="column col-xl-4 col-lg-6 col-md-6 col-sm-12">
                <%for(int i=3; i<=4; i++)
                	{%>
                		<div class="room-block-one height-one wow fadeInUp" data-wow-delay="600ms" data-wow-duration="1500ms">
                        <div class="inner-box">
                            <div class="image-box">
                                <div class="image-layer" style="background-image: url(<%=path%>/hotel/images/room/<%=fiveRooms.get(i).getPictures().get(0).getImages()%>);"></div>
                                <figure class="image"><img src="<%=path%>/hotel/images/room/<%=fiveRooms.get(i).getPictures().get(0).getImages()%>" alt="" title=""></figure>
                            </div>
                            <div class="cap-box">
                                <div class="cap-inner">
                                    <div class="price">￥<span><%=fiveRooms.get(i).getRoomPrice() %></span></div>
                                    <h5><%=fiveRooms.get(i).getRoomName() %></h5>
                                </div>
                            </div>
                            <div class="hover-box">
                                <div class="hover-inner">
                                    <h4><%=fiveRooms.get(i).getRoomName() %></h4>
                                    <div class="pricing clearfix">
                                        <div class="price">￥<span><%=fiveRooms.get(i).getRoomPrice() %></span></div>
                                        <!-- <div class="rating">
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                        </div> -->
                                    </div>

                                    <div class="text"><%=fiveRooms.get(i).getRemarks() %></div>
                                    <div class="link-box"><a href="<%=path %>/RoomServlet?action=singleRoom&typeId=<%=fiveRooms.get(i).getId()%>" class="theme-btn btn-style-one"><span class="btn-title">预定房间</span></a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                	<%}
                	%>
                    <%-- <div class="room-block-one height-one wow fadeInUp" data-wow-delay="600ms" data-wow-duration="1500ms">
                        <div class="inner-box">
                            <div class="image-box">
                                <div class="image-layer" style="background-image: url(<%=path%>/hotel/images/gallery/4.jpg);"></div>
                                <figure class="image"><img src="<%=path%>/hotel/images/gallery/4.jpg" alt="" title=""></figure>
                            </div>
                            <div class="cap-box">
                                <div class="cap-inner">
                                    <div class="price">From <span>$50.00</span></div>
                                    <h5>Deluxe Room</h5>
                                </div>
                            </div>
                            <div class="hover-box">
                                <div class="hover-inner">
                                    <h4>Deluxe Room</h4>
                                    <div class="pricing clearfix">
                                        <div class="price">From <span>$50.00</span></div>
                                        <div class="rating">
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                        </div>
                                    </div>

                                    <div class="text">Excepteur sint occaecat cupidatat pro dent in sun in culpa qui officia deserunt mollit anim.</div>
                                    <div class="link-box"><a href="room-single.html" class="theme-btn btn-style-one"><span class="btn-title">Check Availability</span></a></div>
                                </div>
                            </div>
                        </div>
                    </div> --%>
                   <%--  <div class="room-block-one height-one wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
                        <div class="inner-box">
                            <div class="image-box">
                                <div class="image-layer" style="background-image: url(<%=path%>/hotel/images/gallery/5.jpg);"></div>
                                <figure class="image"><img src="<%=path%>/hotel/images/gallery/5.jpg" alt="" title=""></figure>
                            </div>
                            <div class="cap-box">
                                <div class="cap-inner">
                                    <div class="price">From <span>$50.00</span></div>
                                    <h5>Luxury Suite Room</h5>
                                </div>
                            </div>
                            <div class="hover-box">
                                <div class="hover-inner">
                                    <h4>Luxury Suite Room</h4>
                                    <div class="pricing clearfix">
                                        <div class="price">From <span>$50.00</span></div>
                                        <div class="rating">
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                        </div>
                                    </div>

                                    <div class="text">Excepteur sint occaecat cupidatat pro dent in sun in culpa qui officia deserunt mollit anim.</div>
                                    <div class="link-box"><a href="room-single.html" class="theme-btn btn-style-one"><span class="btn-title">Check Availability</span></a></div>
                                </div>
                            </div>
                        </div>
                    </div> --%>
                </div>

            </div>
        </div>
    </section>

    <!--Offers Section-->
    <section class="offers-section-one">
        <div class="auto-container">

            <div class="upper-box clearfix">
                <div class="sec-title">
                    <h2>活动</h2>
                    <div class="lower-text">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</div>
                </div>
                <div class="link-box">
                    <a href="ActivityServlet" class="theme-btn btn-style-one"><span class="btn-title">查看所有活动</span></a>
                </div>
            </div>

            <div class="row clearfix">
                <div class="offers-column col-lg-6 col-md-12 col-sm-12">
                    <div class="inner">
                    <%List<Activity> allActivity = (List<Activity>)request.getAttribute("allActivity");
                    for(int i=0; i<=2; i++)
                    {%>
                    	<div class="offer-block">
                            <div class="offer-inner">
                                <div class="fact-thumb wow zoomInStable" data-wow-delay="0ms" data-wow-duration="1500ms"><div class="image"><img src="<%=path%>/hotel/images/<%=allActivity.get(i).getPicture()%> %>" alt="" title=""></div><span>30% <br>off</span></div>
                                <div class="price">￥ <span><%=allActivity.get(i).getPrice() %></span></div>
                                <h4><%=allActivity.get(i).getTitle() %></h4>
                                <div class="text"><%=allActivity.get(i).getContent() %></div>
                                <a href="ActivityServlet?action=single&num=<%=i%>" class="over-link"></a>
                            </div>
                        </div>
                    <%}
                    %>
                        <%-- <div class="offer-block">
                            <div class="offer-inner">
                                <div class="fact-thumb wow zoomInStable" data-wow-delay="0ms" data-wow-duration="1500ms"><div class="image"><img src="<%=path%>/hotel/images/resource/of-thumb-1.jpg" alt="" title=""></div><span>30% <br>off</span></div>
                                <div class="price">Start From: <span>$50.00</span></div>
                                <h4>Honeymoon Package</h4>
                                <div class="text">Excepteur sint occaecat cupidatat proi dent in sunt.</div>
                                <a href="package-single.html" class="over-link"></a>
                            </div>
                        </div> --%>
                        <%-- <div class="offer-block">
                            <div class="offer-inner">
                                <div class="fact-thumb wow zoomInStable" data-wow-delay="300ms" data-wow-duration="1500ms"><div class="image"><img src="<%=path%>/hotel/images/resource/of-thumb-1.jpg" alt="" title=""></div><span>30% <br>off</span></div>
                                <div class="price">Start From: <span>$50.00</span></div>
                                <h4>Free Breakfast Package</h4>
                                <div class="text">Excepteur sint occaecat cupidatat proi dent in sunt.</div>
                                <a href="package-single.html" class="over-link"></a>
                            </div>
                        </div>
                        <div class="offer-block">
                            <div class="offer-inner">
                                <div class="fact-thumb wow zoomInStable" data-wow-delay="600ms" data-wow-duration="1500ms"><div class="image"><img src="<%=path%>/hotel/images/resource/of-thumb-1.jpg" alt="" title=""></div><span>30% <br>off</span></div>
                                <div class="price">Start From: <span>$50.00</span></div>
                                <h4>Facial Treatments</h4>
                                <div class="text">Excepteur sint occaecat cupidatat proi dent in sunt.</div>
                                <a href="package-single.html" class="over-link"></a>
                            </div>
                        </div> --%>
                    </div>
                </div>
                <div class="images-column col-lg-6 col-md-12 col-sm-12">
                    <div class="inner">
                        <span class="dotted-pattern dotted-pattern-4"></span>
                        <div class="images">
                            <div class="image wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms"><img src="<%=path%>/hotel/images/<%=allActivity.get(0).getPicture() %>" alt="" title=""></div>
                            <div class="image wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms"><img src="<%=path%>/hotel/images/<%=allActivity.get(1).getPicture()%>" alt="" title=""></div>
                            <div class="image wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms"><img src="<%=path%>/hotel/images/<%=allActivity.get(2).getPicture()%>" alt="" title=""></div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>

    <!--Featured Section-->
    <%-- <section class="featured-section">
        <div class="pattern-top"></div>
        <span class="dotted-pattern dotted-pattern-3"></span>
        <span class="tri-pattern tri-pattern-3"></span>
        <div class="auto-container">
            <div class="featured-block">
                <div class="row clearfix">
                    <!--Text Column-->
                    <div class="text-column col-lg-6 col-md-12 col-sm-12">
                        <div class="inner wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
                            <h3>Discover a New <br>Look of Luxury Hotel.</h3>
                            <div class="text">Lorem ipsum dolor sit amet constur adipisicing elit sed do eiusmtem por incid  dolore magna aliqu enim ad minim veniam quis nostrud exer cittion ullamco laboris nisi ut aliquip excepteur.</div>
                            <div class="link-box">
                                <a href="about.html" class="theme-btn btn-style-one"><span class="btn-title">Read More</span></a>
                            </div>
                        </div>
                    </div>
                    <!--Image Column-->
                    <div class="image-column col-lg-6 col-md-12 col-sm-12">
                        <div class="inner wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
                            <div class="image-box">
                                <figure class="image"><a href="#"><img src="<%=path%>/hotel/images/resource/featured-image-4.jpg" alt="" title=""></a></figure>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="featured-block alternate">
                <div class="row clearfix">
                    <!--Text Column-->
                    <div class="text-column col-lg-6 col-md-12 col-sm-12">
                        <div class="inner wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
                            <h3>Finest Beatch Resort <br>in Santorini.</h3>
                            <div class="text">Lorem ipsum dolor sit amet constur adipisicing elit sed do eiusmtem por incid  dolore magna aliqu enim ad minim veniam quis nostrud exer cittion ullamco laboris nisi ut aliquip excepteur.</div>
                            <div class="link-box">
                                <a href="about.html" class="theme-btn btn-style-one"><span class="btn-title">Discover Now</span></a>
                            </div>
                        </div>
                    </div>
                    <!--Image Column-->
                    <div class="image-column col-lg-6 col-md-12 col-sm-12">
                        <div class="inner wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
                            <div class="image-box">
                                <figure class="image"><a href="#"><img src="<%=path%>/hotel/images/resource/featured-image-5.jpg" alt="" title=""></a></figure>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> --%>

    <!--Video Section-->
    <%-- <section class="video-section">
        <div class="image-layer" style="background-image: url(<%=path%>/hotel/images/background/image-1.jpg);"></div>
        <div class="auto-container">
            <div class="content-box wow zoomIn" data-wow-delay="0ms" data-wow-duration="2000ms">
                <h1>See The Experience Before You Feel it.</h1>
                <div class="play-link"><a href="" class="lightbox-image"><span class="icon flaticon-play-button-3"></span></a></div>
            </div>
        </div>
    </section> --%>

    <!--Testimonials Section-->
    <section class="testimonials-section">
        <span class="dotted-pattern dotted-pattern-3"></span>
        <span class="tri-pattern tri-pattern-2"></span>
        <div class="auto-container">
            <div class="sec-title centered">
                <h2>What People Say?</h2>
                <div class="lower-text">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</div>
            </div>
			<%
			ArrayList<Passenger> allMessage = (ArrayList<Passenger>)request.getAttribute("allPassengerMessage");
			%>
            <div class="carousel-box">
                <div class="testimonial-carousel owl-theme owl-carousel">
                    <div class="testimonial-block">
                        <div class="inner">
                            <div class="content-box">
                                <div class="content">
                                    <div class="quote-icon"><span class="flaticon-quote-1"></span></div>
                                    <div class="text"><%=allMessage.get(0).getMessage().get(0).getNews() %></div>
                                </div>
                            </div>
                            
                            <div class="info">
                                <div class="image"><img src="<%=path%>/hotel/images/faceImages/<%=allMessage.get(0).getFaceImage()%>"></div>
                                <div class="name"><%=allMessage.get(0).getUsername()%></div>
                                <!-- <div class="designation">Designer</div> -->
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-block">
                        <div class="inner">
                            <div class="content-box">
                                <div class="content">
                                    <div class="quote-icon"><span class="flaticon-quote-1"></span></div>
                                    <div class="text"><%=allMessage.get(1).getMessage().get(0).getNews() %></div>
                                </div>
                            </div>
                            
                            <div class="info">
                                <div class="image"><img src="<%=path%>/hotel/images/faceImages/<%=allMessage.get(1).getFaceImage()%>" alt=""></div>
                                <div class="name"><%=allMessage.get(1).getUsername()%></div>
                                <!-- <div class="designation">Developer</div> -->
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-block">
                        <div class="inner">
                            <div class="content-box">
                                <div class="content">
                                    <div class="quote-icon"><span class="flaticon-quote-1"></span></div>
                                    <div class="text"><%=allMessage.get(2).getMessage().get(0).getNews() %></div>
                                </div>
                            </div>
                            
                            <div class="info">
                                <div class="image"><img src="<%=path%>/hotel/images/faceImages/<%=allMessage.get(2).getFaceImage()%>" alt=""></div>
                                <div class="name"><%=allMessage.get(2).getUsername()%></div>
                                <!-- <div class="designation">Developer</div> -->
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-block">
                        <div class="inner">
                            <div class="content-box">
                                <div class="content">
                                    <div class="quote-icon"><span class="flaticon-quote-1"></span></div>
                                    <div class="text"><%=allMessage.get(3).getMessage().get(0).getNews() %></div>
                                </div>
                            </div>
                            
                            <div class="info">
                                <div class="image"><img src="<%=path%>/hotel/images/faceImages/<%=allMessage.get(3).getFaceImage()%>" alt=""></div>
                                <div class="name"><%=allMessage.get(3).getUsername()%></div>
                                <!-- <div class="designation">Developer</div> -->
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-block">
                        <div class="inner">
                            <div class="content-box">
                                <div class="content">
                                    <div class="quote-icon"><span class="flaticon-quote-1"></span></div>
                                    <div class="text"><%=allMessage.get(4).getMessage().get(0).getNews() %></div>
                                </div>
                            </div>
                            
                            <div class="info">
                                <div class="image"><img src="<%=path%>/hotel/images/faceImages/<%=allMessage.get(4).getFaceImage()%>" alt=""></div>
                                <div class="name"><%=allMessage.get(4).getUsername()%></div>
                                <!-- <div class="designation">Developer</div> -->
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-block">
                        <div class="inner">
                            <div class="content-box">
                                <div class="content">
                                    <div class="quote-icon"><span class="flaticon-quote-1"></span></div>
                                    <div class="text"><%=allMessage.get(5).getMessage().get(0).getNews() %></div>
                                </div>
                            </div>
                            
                            <div class="info">
                                <div class="image"><img src="<%=path%>/hotel/images/faceImages/<%=allMessage.get(5).getFaceImage()%>" alt=""></div>
                                <div class="name"><%=allMessage.get(5).getUsername()%></div>
                                <!-- <div class="designation">Developer</div> -->
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-block">
                        <div class="inner">
                            <div class="content-box">
                                <div class="content">
                                    <div class="quote-icon"><span class="flaticon-quote-1"></span></div>
                                    <div class="text"><%=allMessage.get(6).getMessage().get(0).getNews() %></div>
                                </div>
                            </div>
                            
                            <div class="info">
                                <div class="image"><img src="<%=path%>/hotel/images/faceImages/<%=allMessage.get(6).getFaceImage()%>" alt=""></div>
                                <div class="name"><%=allMessage.get(6).getUsername()%></div>
                                <!-- <div class="designation">Developer</div> -->
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-block">
                        <div class="inner">
                            <div class="content-box">
                                <div class="content">
                                    <div class="quote-icon"><span class="flaticon-quote-1"></span></div>
                                    <div class="text"><%=allMessage.get(7).getMessage().get(0).getNews() %></div>
                                </div>
                            </div>
                            
                            <div class="info">
                                <div class="image"><img src="<%=path%>/hotel/images/faceImages/<%=allMessage.get(7).getFaceImage()%>" alt=""></div>
                                <div class="name"><%=allMessage.get(7).getUsername()%></div>
                                <!-- <div class="designation">Developer</div> -->
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-block">
                        <div class="inner">
                            <div class="content-box">
                                <div class="content">
                                    <div class="quote-icon"><span class="flaticon-quote-1"></span></div>
                                    <div class="text"><%=allMessage.get(8).getMessage().get(0).getNews() %></div>
                                </div>
                            </div>
                            
                            <div class="info">
                                <div class="image"><img src="<%=path%>/hotel/images/faceImages/<%=allMessage.get(8).getFaceImage()%>" alt=""></div>
                                <div class="name"><%=allMessage.get(8).getUsername()%></div>
                                <!-- <div class="designation">Developer</div> -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>

    <!--News Section-->
    <%-- <section class="news-section">
        <div class="pattern-top"></div>
        <div class="auto-container">
            <div class="upper-box clearfix">
                <div class="sec-title">
                    <h2>Stay Update <br>with Hotera</h2>
                    <div class="lower-text">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
                </div>
                <div class="link-box">
                    <a href="blog.html" class="theme-btn btn-style-one"><span class="btn-title">View All Post</span></a>
                </div>
            </div>
            <div class="row clearfix">
                <!--News Block-->
                <div class="news-block col-lg-4 col-md-6 col-sm-12">
                    <div class="inner-box wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
                        <div class="image-box">
                            <figure class="image"><a href="blog-single.html"><img src="<%=path%>/hotel/images/resource/news-image-1.jpg" alt="" title=""></a></figure>
                        </div>
                        <div class="post-meta">
                            <span>on 2 Sep, 2019  /  by admin</span>
                        </div>
                        <h4><a href="blog-single.html">Disclosing the Secrets of Success in Hotera.</a></h4>
                        <div class="link-box">
                            <a href="blog-single.html"><span class="icon flaticon-arrows-10"></span>Read More</a>
                        </div>
                    </div>
                </div>
                <!--News Block-->
                <div class="news-block col-lg-4 col-md-6 col-sm-12">
                    <div class="inner-box wow fadeInUp" data-wow-delay="300ms" data-wow-duration="1500ms">
                        <div class="image-box">
                            <figure class="image"><a href="blog-single.html"><img src="<%=path%>/hotel/images/resource/news-image-2.jpg" alt="" title=""></a></figure>
                        </div>
                        <div class="post-meta">
                            <span>on 2 Sep, 2019  /  by admin</span>
                        </div>
                        <h4><a href="blog-single.html">The Top Hotel Trends to Watch in 2020.</a></h4>
                        <div class="link-box">
                            <a href="blog-single.html"><span class="icon flaticon-arrows-10"></span>Read More</a>
                        </div>
                    </div>
                </div>
                <!--News Block-->
                <div class="news-block col-lg-4 col-md-6 col-sm-12">
                    <div class="inner-box wow fadeInUp" data-wow-delay="600ms" data-wow-duration="1500ms">
                        <div class="image-box">
                            <figure class="image"><a href="blog-single.html"><img src="<%=path%>/hotel/images/resource/news-image-3.jpg" alt="" title=""></a></figure>
                        </div>
                        <div class="post-meta">
                            <span>on 2 Sep, 2019  /  by admin</span>
                        </div>
                        <h4><a href="blog-single.html">Seven Best Things To Do In Buckeye Arizona.</a></h4>
                        <div class="link-box">
                            <a href="blog-single.html"><span class="icon flaticon-arrows-10"></span>Read More</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> --%>

    <!-- Main Footer -->
    <jsp:include page="/hotel/include/footer.jsp"></jsp:include>

</div>
<!--End pagewrapper--><!--Scroll to top--><div class="scroll-to-top scroll-to-target" data-target="html"><span class="flaticon-up-arrow"></span></div>

<script src="<%=path%>/hotel/js/jquery.js"></script>
<script src="<%=path%>/hotel/js/popper.min.js"></script>
<script src="<%=path%>/hotel/js/bootstrap.min.js"></script>
<script src="<%=path%>/hotel/js/jquery-ui.js"></script>
<script src="<%=path%>/hotel/js/jquery.fancybox.js"></script>
<script src="<%=path%>/hotel/js/owl.js"></script>
<script src="<%=path%>/hotel/js/scrollbar.js"></script>
<script src="<%=path%>/hotel/js/appear.js"></script>
<script src="<%=path%>/hotel/js/wow.js"></script>
<script src="<%=path%>/hotel/js/custom-script.js"></script>

</body>
</html>